body {
    background-color: var(--themeColor);
}

.main {

    padding-top: 1.7rem;

    .middle {
        background-color: var(--ff);
        border-radius: .2rem;

        .bg-f6{
            background: #F6F8FA;
            border-radius: .20rem .2rem 0  0;
        }
        .col {
            border-bottom: 1px solid var(--f6);

            .top{
                font-weight: 500;
                font-size: var(--default-font-size-26);
                color: var(--dcl);
                margin-bottom: .27rem;
                .icon{
                    width: .44rem;
                    height: .44rem;
                    margin-right: .1rem;
                }
            }
            .bottom{
                & > input{
                    font-size: var(--default-font-size-28);
                }
            }

            .text{
                font-weight: 400;
                font-size: var(--default-font-size-28);
                color: var(--c9);
            }
        }

        .col:last-child {
            border-bottom: none;
        }

        .diff{
            color: var(--bd);
            margin-left: .1rem;
        }
    }
    .btn{
        margin-top: .6rem;
    }

    .tips{
        display: none;
    }
}